<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
    <title>设置状态值方法的使用细节</title>
</head>

<body>
    <div>
        <p>1.设置状态值方法的参数可以是一个值也可以是一个函数</p>
        <p>2.设置状态值方法的方法本身是异步的</p>

    </div>

    <script>
        const [count, setCount] = useState(0)
        // 1.可以传递一个函数
        setCount(() => {
            return 100
        })

        setCount((count) => {
            return count + 1
        })

        // 2.方法本身是异步的
        setCount((count) => {
            let cnt = count + 1
            // 执行这里是是 1
            document.title = cnt
            return cnt
        })
        // 执行这里是count依然是 0
        document.title = count
    </script>
</body>

</html>